<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>贷款购车</title>

	<!-- 公共样式  -->
	<link rel="stylesheet" href="../common/css/reset.css" media="screen" />
<link rel="stylesheet" href="css/pages/base.css" media="screen" />
<link rel="stylesheet" href="css/components/topnav.css" media="screen" />
<link rel="stylesheet" href="css/components/header.css" media="screen" />
<link rel="stylesheet" href="css/components/crumbs.css" media="screen" />
<link rel="stylesheet" href="css/components/star.css" media="screen" />
<link rel="stylesheet" href="css/components/service.css" media="screen" />
<link rel="stylesheet" href="css/components/searchbar.css" media="screen" />
<link rel="stylesheet" href="css/components/sidebar.css" media="screen" />
<link rel="stylesheet" href="css/components/dialog.css" media="screen" />
<link rel="stylesheet" href="css/components/footer.css" media="screen" />
	<!-- 依赖外部样式 -->
	<link rel="stylesheet" href="css/components/title.css" media="screen" />
	<link rel="stylesheet" href="css/components/crumbs.css" media="screen" />
	<link rel="stylesheet" href="css/components/imageBulletin.css" media="screen" />
	<!-- 本页面样式 -->
	<link rel="stylesheet" href="css/pages/onlinefinance/loan/finance.css" media="screen" />
	
</head>
<body>
	<!-- head | header -->
<div class="topnav-wrapper">
	<div class="topnav wrapper">
		<ul class="topnav-main">
			<li>
				<span id="cityPos" class="city-hd"><i class="icon-map"></i><em id="currentCity"></em> [切换]</span>
				<div class="city-bd hide" id="citychage"></div>
			</li>
		</ul>
		<ul id="box01" class="topnav-side" style="">
			<li id="mobileview">
				<a href="">手机版</a>
				<div class="go-mobile">
					<img src="images/public/m.chexiang.png" width="100" height="100"/>
				</div>
			</li>
			<li class="line"></li>
			<li>
				<a class="login-bind" href="#">登录</a>
			</li>
			<li class="line"></li>
			<li>
				<a class="register-bind" href="#">注册</a>
			</li>
		</ul>
		<ul id="box02" class="topnav-side" style="display:none">
			<li class="name">Hi，</li>
			<li id="userCenter">
				<span class="user-hd"><a class="current" href="#" target="_blank">车享商城</a></span>
				<div class="group">
					<a href="/member/myOrders.htm" target="_blank">我的订单</a>
				</div>
			</li>
		</ul>
	</div>
</div>
<div class="header">
	<div class="wrapper">		
		<div class="logo"><a href=""><img src="images/public/logo.png" alt="车享商城" /></a></div>
		<ul>
			<li class="cur"><a href="">首页</a></li><li><a href="">车享特供</a></li><li><a href="">现金购车</a></li><li><a href="">分期付款</a></li>
			<li class="icon-tip-box">
				<a href="">每周特价车</a>
				<i class="icon-tip">特</i>
			</li>
		</ul>
		<div class="search-box">
			<form method="get" target="_blank" action="/multisearch/search.htm">
			    <input type="hidden" name="cat" value="1" />
			    <input type="text" id="attendSymbol" name="kwd" placeholder="请输入品牌、级别、车系、车型" class="search-input" autocomplete="off" class="txt" />
			    <button type="submit" class="search-submit"><i></i></button>
			</form>
		</div>
	</div>
</div>
<!-- end | header -->
	<!-- begin | nav -->
    <div class="wrapper bread">
        <div class="title-blue crumbs-nav">
            <a href="javascript:void(0)">车享商城</a>
            <i class="crumbs-arrow">&gt;</i>
            <a href="javascript:void(0)">贷款购车</a>
            <i class="crumbs-arrow">&gt;</i>
            <a href="javascript:void(0)">贷款定制</a>
        </div>
    </div>
    <!-- end | nav -->
	
	<!-- start | 返回贷款额度 -->
    <div class="wrapper filter-block">

	<div class="one_column_layout test_finance_result white_background grey_up_down_border">
		<div class="one_column_content">
			<!-- 测测我能贷多少 -->
			<div id="register" class="hidden"></div>
			<!-- 显示额度开始 -->
			<input type="hidden" value="" id="pcautoCanalCode">
			<div class="show_test_result success">
			    <div class="three_steps">
					<p class="font_heading_one">贷款额度申领</p>
				</div>	
				<div class="left_show_descr">
					<div class="step_1_title">
						<span class="font_heading_one">您的贷款权益生成啦</span>
					</div>
					<div class="right_show_finance_answers_finance_result">
						<div class="finance_result_head clearfix">
							<h3 class="title">好车e贷</h3><i class="icon_title"></i>
							<div class="support-brand">支持品牌：
								<img alt="上汽大众" src="images/onlinefinance/loan/brand/b-volkswagen.png" />
								<img alt="斯柯达" src="images/onlinefinance/loan/brand/b-skoda.png" />
								<img alt="荣威" src="images/onlinefinance/loan/brand/b-roewe.png" />
								<img alt="MG" src="images/onlinefinance/loan/brand/b-mg.png" />
								<img alt="上汽大通" src="images/onlinefinance/loan/brand/b-MAXUS.png" />
							</div>
						</div>
						<div class="get_loan_vouchers clearfix">
							<div class="get_long_card">
								<div class="left_loan_vochers get_quota">
									<p class="font_heading_two white">可贷额度(元)</p>
									<span id="finance_test_result" class="ccode_ma_show white">421,038</span>
								</div>
								<div class="center_loan_line"></div>
								<div class="right_loan_vochers">
									<span class="font_heading_two white">购车最低首付</span>
									<p><span class="ccode_ma_show white">25</span><span class="white font_heading_one">%</span></p>
								</div>
							</div>
							<div class="icon_logo_loan"></div>
							<div class="icon_label_loan"></div>
						</div>
						<div class="right_show_finance_answers_finance_result">
						<div class="finance_result_head clearfix">
							<h3 class="title">好车e贷</h3><i class="icon_title"></i>
							<div class="support-brand">支持品牌：
								<img alt="上汽大众" src="images/onlinefinance/loan/brand/b-WULING.png" />
								<img alt="斯柯达" src="images/onlinefinance/loan/brand/b-baojun.png" />
								<img alt="荣威" src="images/onlinefinance/loan/brand/b-buick.png" />
								<img alt="MG" src="images/onlinefinance/loan/brand/b-chevrolet.png" />
								<img alt="上汽大通" src="images/onlinefinance/loan/brand/b-cadillac.png" />
							</div>
						</div>
						<div class="get_loan_vouchers clearfix">
							<div class="get_long_card">
								<div class="left_loan_vochers get_quota">
									<p class="font_heading_two white">可贷额度(元)</p>
									<span id="finance_test_result" class="ccode_ma_show white">421,038</span>
								</div>
								<div class="center_loan_line"></div>
								<div class="right_loan_vochers">
									<span class="font_heading_two white">购车最低首付</span>
									<p><span class="ccode_ma_show white">25</span><span class="white font_heading_one">%</span></p>
								</div>
							</div>
							<div class="icon_logo_loan"></div>
							<div class="icon_label_loan"></div>
						</div>
					</div>
					<div class="font_heading_two visual_descr">
						<!--恭喜您，您只需要掏<span class="weight_bold base_orange">14.03万</span>就能买到裸车价值<span class="base_orange weight_bold">56.14万</span>的车(不含购置税、保险及其它费用) ，提高首付，更多好车等着您。申请贷款时请确保证明材料真实且与测试所填信息相同。<br>
						<a class="base_blue font_heading_three again">信息填错，重新填写？</a>
						<a class="base_blue font_heading_three offer_material">贷款申请材料</a>  -->
						<div class="font_heading_actions">
							<div class="font_share_box">
								<div class="font_share bdsharebuttonbox"><a class="bds_more" data-cmd="more"><i class="share"></i>分享</a></div>
							</div>
							<a class="base_blue">信息不准确，重新测试</a>
						</div>
						<div class="credit_actions success">
							<input type="button" value="立即领取" class="receive_btn" />
							<!--<p class="base_orange1 info">*此贷款权益由金融服务商好车e贷提供，适用车型品牌：</p>-->
						</div>
					</div>
				</div>
			</div>
			<!-- 显示额度结束 -->
			
		</div>
	</div>
	
	</div>
	<!-- end | 返回贷款额度-->
	
	<!-- begin | Footer -->	
<div class="footer">
	<div class="footer-main clearfix">
		<div class="footer-intro">
			<dl class="footer-item">
				<dt>关于我们</dt>
				<dd><a href="http://www.chexiang.com/gycx/about.shtml" target="_blank">关于车享</a></dd>
				<dd><a href="http://join.chexiang.com" target="_blank">加入我们</a></dd>
				<dd><a href="http://www.chexiang.com/gycx/terms.shtml" target="_blank">法律声明</a></dd>
				<dd><a href="http://www.chexiang.com/gycx/impunity.shtml" target="_blank">免责条款</a></dd>
				<dd><a href="http://www.chexiang.com/gycx/privacy.shtml" target="_blank">隐私权声明</a></dd>
			</dl>
			<dl class="footer-item">
				<dt>联系我们</dt>
				<dd><a href="http://join.chexiang.com" target="_blank">加入我们</a></dd>
				<dd>
					<p class="tel">4008 020 666</p>
				</dd>
			</dl>
			<dl class="footer-item">
				<dt>售后服务</dt>
			<!-- <dd><a href="${Config.MainBase}/feedback/suggest.htm" target="_blank">投诉建议</a></dd> -->	
				<dd><a href="http://www.chexiang.com/gycx/agreement.shtml" target="_blank">用户服务协议</a></dd>
			</dl>
			<dl class="footer-item">
				<dt>会员说明</dt>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-rights" target="_blank">会员权益</a></dd>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-integral" target="_blank">积分说明</a></dd>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-register" target="_blank">注册流程</a></dd>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-problem" target="_blank">常见问题</a></dd>
			</dl>
			<div class="footer-side">
				<div class="ercode-box clearfix">
					<span title="微信订阅号"><img class="weixin-img" src="images/public/ercode-1.jpg" alt="微信订阅号" width="120" height="120"></span>
					<dl class="weixin-info">
					<dt>微信订阅号</dt>
					<dd class="weixinhao">chexiangV</dd>
					<dd class="desc">
						<p>扫描二维码关注车享官方账号</p>
						<p>还有劲爆优惠等你来拿!</p>
					</dd>
					</dl>
				</div>
				<div class="btn-area">
					<a class="a-btn" href="http://dealer.chexiang.com" target="_blanks">经销商登录<i></i></a>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-sub">
		<p class="copyright">CopyRight &copy; 2014-2015, All Rights Reserved 版权所有 车享     沪ICP备14000481号</p>
		<p class="friend-link">	
			<a href="http://www.roewe.com.cn/" target="_blank">荣威品牌官网</a>
			<a href="http://www.saicmg.com/" target="_blank">MG品牌官网</a>
			<a href="http://www.buick.com.cn/" target="_blank">别克品牌官网</a>
			<a href="http://www.chevrolet.com.cn/" target="_blank">雪佛兰品牌官网</a>
			<a href="http://www.cadillac.com.cn/" target="_blank">凯迪拉克品牌官网</a>
			<a href="http://www.svw-volkswagen.com/zh.html" target="_blank">上海大众品牌官网</a>
			<a href="http://www.skoda.com.cn/" target="_blank">上海大众斯柯达品牌官网</a>
			<a href="http://www.sgmw.com.cn/" target="_blank">五菱品牌官网</a>
			<a href="http://www.autobaojun.com/" target="_blank">宝骏品牌官网</a>
			<a href="http://www.saicmaxus.com/" target="_blank">大通品牌官网</a>
			<a href="http://auto.iqiyi.com/" target="_blank">爱奇艺汽车</a>		
		</p>
	</div>
</div>
<!-- end | Footer -->
	<!-- sidebar | start -->
<div id="mall-sidebar" class="sidebar">
	<ul class="side-abs">
		<li class="mainsite-im">
			<span class="tit im-client" rel="nofollow">
				<i class="icon-client"></i><span class="icon-text">客服</span>
			</span>
			<span class="advice-pop">客服<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-calculator">				
			<a class="tit" href="http://www.chexiang.com/car/tool/buy_0_0_0.htm" target="_blank" rel="nofollow">
				<i class="icon-calculator"></i><span class="icon-text">计算器</span>
			</a>
			<span class="advice-pop">计算器<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-collection">					
			<a class="mall-my" id="mall-my" href="javascript:void(0)" rel="nofollow">
				<i class="icon-collection"></i><span class="icon-text">我的收藏</span>
			</a>
			<span class="advice-pop">我的收藏<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-collection">					
			<a class="mall-my" id="mall-my" href="http://car.chexiang.com/help/faq.shtml" target="_blank" rel="nofollow">
				<i class="icon-help"></i><span class="icon-text">帮助中心</span>
			</a>
			<span class="advice-pop">帮助中心<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-collection">			
			<a class="tit" id="mall-quest" href="http://www.wenjuan.com/s/IFFRRz/" target="_blank" rel="nofollow">
				<i class="icon-quest"></i><span class="icon-text">问卷调研</span>
			</a>
			<span class="advice-pop">问卷调研<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<!--  
		<li class="line"></li>
		<li class="side-browse">					
			<a class="mall-my" href="" target="_blank">
				<i class="icon-browse"></i>最近浏览
			</a>
		</li>
		-->
	</ul>
	<ul class="side-fix">
		<li class="cmp-enter">
			<span class="tit a-comp"><i class="icon-comp"></i></span>
			<span class="advice-pop">反馈建议<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="backtoTop">
			<span class="tit a-top"><i class="icon-top"></i></span>
			<span class="advice-pop">返回顶部<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
	</ul>
</div>
<div id="feedbook" style="display:none;">
	<!-- <form name="feedOrder" action="http://mall.dds.com/member/addFeedback.htm" method="post" id="feedOrder">  -->
		<div class="feedbook">
			<dl class="clearfix">
				<dt>反馈类型：</dt>
				<dd>
					<label><input type="radio" name="feedbackType" value="2" id="RadioFeed_0" checked="checked" />商品价格</label>
					<label><input type="radio" name="feedbackType" value="3" id="RadioFeed_1" />购买流程</label>
					<label><input type="radio" name="feedbackType" value="1" id="RadioFeed_2" />投诉</label>
					<label><input type="radio" name="feedbackType" value="4" id="RadioFeed_3" />其他</label>
				</dd>
			</dl>
			<dl class="clearfix">
				<dt>意见：</dt>
				<dd>
					<textarea name="question" id="question" cols="" rows="" maxlength = "500"></textarea>
				</dd>
			</dl>
			<div class="submit-error">
			</div>
			<div class="submit-feed">
				<input type="button" value="提交" class="feedbook-btn" id="submitFeed">
			</div>
		</div>
	<!-- </form> -->
</div>
<!-- sidebar | end -->
	
	
	
	<!-- 领取贷金券 start -->
	<script type="text/templete" id="loanVoucher">
	<div class="loan_dialog_wrap">
		<p class="voucher_tip">您已领取过贷款资格，重复领取将替换原贷款资格</p>
		<p class="voucher_tit">请填写您的身份信息，该信息只会用于我们帮您定制金融产品，不会以任何形式泄露给其他人员或机构</p>
		<form>
			<div class="form_item clearfix">
				<label><span class="mark">*</span>真实姓名</label>
				<input class="form_input realName" type="text" maxlength="10">
				<div class="tip">请填写您的真实姓名</div>
			</div>
			<div class="form_item clearfix">
				<label><span class="mark">*</span>身份证号码</label>
				<input class="form_input cardNum" type="text" maxlength="18" />
				<div class="tip">请填写18位身份证号</div>
			</div>
		
			<div class="clause_wrap">
				<label><input class="form_clause" id="formClause" name="formClause" type="checkbox" checked/>我已阅读并同意相关<a href="javascript:;">法律文书</a></label><br/>
				<label><input class="form_clause" id="formAgreement" name="formAgreement" type="checkbox" checked/>我已阅读并同意<a href="javascript:;">好车e贷网络服务协议</a></label>
			</div>
		
			<div class="loan_btn_wrap">
				<input class="loan_submit_btn disable" type="button" value="提交">
			</div>
		</form>
	</div>
	</script>
	<!-- 领取贷金券 end -->
	
	<script src="../common/js/lib/jquery_1_8_3.js"></script>
	
	<script src="../common/js/ecar/ECar.easyDialog.js"></script>
	
	<script src="js/public/suggest.js"></script>
	<script src="js/public/base.js"></script>
	<script src="js/public/common.js"></script>
	
	<script>
		var userId = "";
		if($("#head_userid").length > 0 && $("#head_userid").val().length > 0) {
			userId = "&uid="+$("#head_userid").val();
		}
			
		var home_url = $("#websiteRootUrl").val()+"/index.do?amount="+$("#finance_test_result").html()+userId;
		
		//百度分享的代码
		window._bd_share_config={
			"common":{
				"bdSnsKey":{},
				"bdText":"",
				"bdMini":"1",
				"bdMiniList":false,
				"bdPic":"",
				"bdStyle":"0",
				"bdSize":"24"
			},
			"share":{}
		};
		with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
		
		/*分享按钮的信息采集*/
		/*function shareInfoCollection(code,type) {
			var info_str = code+"|"+timeStamp2String()+"|pc|"+type;
			collectionInformation(info_str);
		}*/
		
		$(function(){
			 // 领取贷金券
	        $(".receive_btn").on("click",function(){
	        	var con = $("#loanVoucher").html();
	        	ECar.easyDialog.open({
					container : {
						header : '填写身份信息',
						content : con
					},
					success: function(){
						$(".easyDialog_footer").hide();
						var LOAN = {
							form_clause: $(".form_clause"), // 协议复选框
							id_clause: $("#formClause"), // 协议复选框
							id_agreement: $("#formAgreement"), // 协议复选框
							loan_submit_btn: $(".loan_submit_btn") // 提交按钮
						};
						
						LOAN.form_clause.on("click",function(){
							if(LOAN.id_clause.prop("checked") && LOAN.id_agreement.prop("checked")){
								LOAN.loan_submit_btn.removeClass("disable");
							}else{
								LOAN.loan_submit_btn.addClass("disable");
							}
						});
						
						// 提交
						LOAN.loan_submit_btn.on("click",function(){
							if(!LOAN.form_clause.prop("checked")){
								return false;
							}
							var $realName = $(".realName");
							var $cardNum = $(".cardNum");
							var realName = $realName.val();
							var cardNum = $cardNum.val();
							var namReg = /^([\u4e00-\u9fa5]+|([a-zA-Z]+\s?)+)$/;
							var cardReg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/;
							if(!namReg.test(realName)){
								$realName.focus();
								$realName.next(".tip").show();
								return false;
							}else if(!cardReg.test(cardNum)){
								$cardNum.focus();
								$cardNum.next(".tip").show();
								return false;
							}else{
								$realName.next(".tip").hide();
								$cardNum.next(".tip").hide();
							}
							
							// 提交数据
							
						});
					}
				});
	        });
		});
		
	</script>
</body>
</html>